* {
	margin: 0; padding: 0;
	list-style-type: none;
}

#container {
	width: 1200px;
	margin: 0 auto;
	top :86px;
}

/* grid.css */
.container {
  width: 990px;
  margin: 0px auto;
  position: relative; 
  text-align :center;
}

img {
	margin-top: -4px;
}

.nav {
    width: 390px;
    height: 60px;
    margin: 0px auto;
    font: 0.9em/60px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    color: #c0c6e0;
}

.nav a {
    color: #c0c6e0;
    text-decoration: none;
}

.nav a.current {
    text-decoration: underline;
    color: #666;
    font-weight: bold;
}

.nav a:hover {
    color: #a0a4bb;
}

.nav li {
    float: left;
    margin: 0 20px;
}

@media only screen and (max-width : 1199px),
only screen and (max-device-width : 1199px){
	#container {
		width: 1000px;
	}
}


@media only screen and (max-width : 999px),
only screen and (max-device-width : 999px){
	#container {
		width: 800px;
	}
}

@media only screen and (max-width : 799px),
only screen and (max-device-width : 799px){
	#container {
		width: 600px;
	}
}

@media only screen and (max-width : 599px),
only screen and (max-device-width : 599px){
	#container {
		width: 400px;
	}
}

@media only screen and (max-width : 399px),
only screen and (max-device-width : 399px){
	#container {
		width: 200px;
	}
}
 
 